<template>
  <div class="munu">
  <el-menu default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse" router>
   <el-menu-item index="index">
    <i class="el-icon-s-home"></i>
    <span slot="title">首页</span>
  </el-menu-item>
  <el-menu-item index="imglist">
    <i class="el-icon-picture"></i>
    <span slot="title">画廊</span>
  </el-menu-item>
  <!-- <el-menu-item index="swagger-ui.html" >
    <i class="el-icon-document"></i>
    <span slot="title">接口</span>
  </el-menu-item> -->
  <el-menu-item index="login">
    <i class="el-icon-s-custom"></i>
    <span slot="title">登陆</span>
  </el-menu-item>
</el-menu>
</div>
</template>

<script>
export default {
    data(){
        return{
            isCollapse: false,
        }
    },
    methods:{
    changFn() {
      this.isCollapse = !this.isCollapse;
    },
    }
}
</script>

<style scoped>
el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
    
  }
  
</style>